﻿
<style type="text/css">
    .content-first {
        height: 330px;
        background: #f7f8f8;
        font-family: 'Century Gothic';
    }

        .content-first .content-first-body {
            padding: 10px 70px;
            font-size: 18px;
            position: relative;
        }

    .btn-xem-them-brown {
        border-radius: 0;
        background: #b41f38;
        color: white;
        border: 1px solid white;
        box-shadow: 0 0 15px -3px black;
        font-weight: bold;
        right: 80px;
        margin-right: 50px;
        position: absolute;
        display: block;
    }
</style>
<div class="slide-banner">
    <div class="view-more">
        <p>PHỐ CỔ HỘI AN</p>
        <button type="button" class="btn btn-xem-them">XEM THÊM</button>
    </div>
</div>
<div class="content-first">
    <h1 style="text-align: center;font-family: 'Myriad Pro'">Giới thiệu</h1>
    <div class="content-first-body">
        Laser scanner for fast and exact indoor and outdoor measurements in three dimensions: Simply at your fingertips.
        Laser scanner for fast and exact indoor and outdoor measurements in three dimensions: Simply at your fingertips.
        Laser scanner for fast and exact indoor and outdoor measurements in three dimensions: Simply at your fingertips.
        Laser scanner for fast and exact indoor and outdoor measurements in three dimensions: Simply at your fingertips.
        Laser scanner for fast and exact indoor and outdoor measurements in three dimensions: Simply at your fingertips.
        Laser scanner for fast and exact indoor and outdoor measurements in three dimensions: Simply at your fingertips.
        <button type="button" class="btn btn-xem-them-brown margin-top-20">XEM THÊM</button>
    </div>
</div>
